/* change the background to dark gray
set the default font so that when no font is specified in table or any other tags
it will use the font and style declared in body */
body, h3
{
background:#484848;
margin:0px;

font-family:verdana;
font-size:12px;
text-align:justify;
font-weight:normal;
color:#5a5a5a;
line-height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

/*a div tag with 100% width so that we can put the gradient background repeat in y axis */
#wrapper
{
background:url(../images/main_bg.jpg) repeat-x top;
}

/* the actual body of the website with 800px width
we have margin as auto so that we can have the container in the center of the body*/
#container
{
width:800px;
margin:auto;
}

/*it contains the logo , searchmetc*/
#header1
{
height:78px;
background:url(../images/top_middle.jpg) no-repeat center bottom white;

margin-left:1px;
margin-right:1px;

}



/*header 1 has been divied into left and right so that we can have 
rounded corners as background in the bottom*/
#header1_left
{
background:url(../images/header1_left.jpg) no-repeat left bottom;
height:79px;
float:left;
width:17px;
}

#header1_right
{
background:url(../images/header1_right.jpg) no-repeat right bottom;
height:79px;

}

#logo
{  
margin-top:10px;
float:left;
}

/* top right nav */ 
#top_right_nav
{
text-align:right;
}

/* the blue colored reflection*/
#header2
{
margin-top:21px;
margin-bottom:0px;
padding-bottom:0px;
height:26px;
background:url(../images/header_2_bg.jpg) repeat-x;
}


/* the header has been divided in to two parts left and right so that we can have 
rounded corners*/
#header2_left
{
background:url(../images/header_2_left.jpg) no-repeat left;
height:26px;
float:left;
width:17px;
}

#header2_right
{
background:url(../images/header_2_right.jpg) no-repeat right;
text-align:center;
height:26px;

}

/* the white portion of the page */
#main_body
{
margin:1px;
margin-top:0px;
margin-bottom:0px;
background:white;
clear:both;
overflow:auto;
}

/*the left navigation */
#left
{
width:151px;
padding:10px;
padding-left:5px;
float:left;

}
/* the portion where we write the content */
#main_content
{
padding-right:3px;
overflow:auto;
margin-top:0px;
min-height:170px;

}
/* a division of main_content */
#main_content_body
{
padding:5px;
}
/* a division of main_content (for interview) */
#main_content_right
{
padding:5px;
padding-right:2px;
width:166px;
float:right;

}

/* footer*/
#footer
{
clear:both;
margin-left:1px;
margin-right:1px;
height:66px;
overflow:auto;
background-color:#484848;
background: url(../images/bottom_center1.jpg) repeat-x;
}


/* again footer has been divided into two parts for rounded edges*/
#footer_left
{

background:url(../images/bottom_left1.jpg) no-repeat left;
height:66px;
float:left;
width:17px;

}

#footer_right
{

background:url(../images/bottom_right1.jpg) no-repeat right;
height:66px;


}

.search
{
float:right;
}

/* change the border color of input tag */
input
{
border:1px solid #b4c91a;
}


/* define the colors and style of the left navigation */
#left a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#555555;
text-decoration:none;
padding-bottom:4px;
padding-top:4px;
text-align:left;
}




#left ul
{

list-style:none;
margin:0px;
margin-left:25px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#777777;
text-align:left;
}

#left li
{

padding:0px;
line-height:18px;

}

#left ul a:link, #left ul a:active, #left ul a:visited
{
font-weight:bold;
text-decoration:none;
}


#left ul a:hover
{
font-weight:bold;
text-decoration:underline;
}


.invisible
{
display:none;
}

.body_table td
{
padding-left:10px;
padding-right:10px;
}


/*automatically set the background of first tr of the table */
.body_table tr:first-child  
{
background:url(../images/heading_bg.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#555555;
}

/*define the style of the top_sub_menu(in news page ie most popular, latest news,etx) and top right navigation */
#top_right_nav ul, #top_sub_menu ul
{
list-style:none;
padding-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#777777;
margin-top:0px;
margin-left:5px;
margin-right:5px;
text-align:right;
margin-botton:0px;
margin-top:0px;
}

#top_right_nav li, #top_sub_menu li
{
margin-botton:0px;
margin-top:0px;
display:inline;
padding-right:16px;
padding-left: 2em;
}

#top_right_nav a:link,top_sub_menu a:link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#666666;
list-style:none;
text-decoration:none;
}
#top_right_nav a:visited, top_sub_menu a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#666666;
text-decoration:none;
list-style:none;
}

#top_right_nav a:hover, top_sub_menu a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#444444;
text-decoration:underline;
list-style:none;
}

#top_sub_menu ul,#top_sub_menu  li,#top_sub_menu  a:link,#top_sub_menu a:active,#top_sub_menu  a:visited,#top_sub_menu  a:hover
{
font-size:11px;
color:#666666;
}

#top_sub_menu ul
{
text-align:center;
}

#top_sub_menu li
{

}



/* style of the heading */
.heading1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#555555;
}


h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#555555;
}

#left div a
{
color:#009900;
font-weight:normal;
text-decoration:none;
}

#left div a:hover
{
color:#009900;
text-decoration:underline;
font-weight:normal;
}
#membersarea a:link, #membersarea a:active,#membersarea a:hover, #membersarea a:visited
{
padding-left:10px;
color:blue;
font-weight:normal;
text-decoration:none;
}


h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#009900;
padding-bottom:0px;
margin-bottom:0px;
}

.error
{
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;
color:#FF0000;
}

.signupError
{
	
}


.more, a:link, a:active, a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#4d95d0;
text-decoration:none;
}

a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#4d95d0;
text-decoration:underline;
}

#donation input
{
border:0px;
}

h3
{
font-weight:bold;
background:#ffffff;
}

h2
{
font-weight:green;
padding-top:0px;
margin-top:-4px;
background:#ffffff;
}

#membersarea li, #membersarea li a	{
	font-weight:normal;
	
	text-decoration: none;
	}

#membersarea li:hover, #membersarea li a:hover	{
	font-weight:normal;
	text-decoration: underline;
	}

#language
{
padding-top:27px;
padding-right:10px;
margin:0px;
}

.right
{
text-align:right;
}

#google
{
margin:0px;
padding:0px;
margin-bottom:0px;
}

.floatimg
{
float:left;
margin:4px;
border:1px solid #999999;
}
.clear
{
clear:both;
}



#membersarea a:hover
{
text-decoration:underline;
}

#membersarea  
{ 
	margin-left:-5px;
	padding-left:-5px; 
}